import mesop as me


@me.page()
def page():
    with me.box(style=me.Style(
        display="grid",
        grid_template_columns="1fr 1fr",
        min_height="100vh",
        background=me.theme_var("background")
    )):
        # Left side
        with me.box(style=me.Style(
            padding=me.Padding.all(24),
            border=me.Border(right=me.BorderSide(width=1, color=me.theme_var("outline"))),
            display="flex",
            justify_content="center",
            align_items="center"
        )):
            me.text("Part 1", type="headline-4", style=me.Style(color=me.theme_var("on-surface")))

        # Right side
        with me.box(style=me.Style(
            padding=me.Padding.all(24),
            display="flex",
            justify_content="center",
            align_items="center"
        )):
            me.text("Part 2", type="headline-4", style=me.Style(color=me.theme_var("on-surface")))
